<script>
import { h, ref } from "vue";

export default {
  // data() {
  //   return {
  //     counter: 0,
  //   };
  // },
  // render() {
  //   return h("div", { class: "render-container" }, [
  //     h("h4", null, `当前计数: ${this.counter}`),
  //     h("button", { onClick: () => this.counter++ }, "+1"),
  //     h("button", { onClick: () => this.counter-- }, "-1"),
  //   ]);
  // },
  setup() {
    const counter = ref(0);
    return () => {
      return h("div", { class: "render-container" }, [
        h("h4", null, `当前计数: ${counter.value}`),
        h("button", { onClick: () => counter.value++ }, "+1"),
        h("button", { onClick: () => counter.value-- }, "-1"),
      ]);
    };
  },
};
</script>

<style scoped></style>
